@charset "UTF-8";
body {
  background-color: #f5f5f5;
  width: 10.8rem;
  overflow-x: hidden;
}

header {
  width: 10.8rem;
  height: 1.44rem;
  background-color: #f2f2f2;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  position: -webkit-sticky;
  position: sticky;
  top: 0rem;
  z-index: 100;
}
header > a:nth-of-type(1) img {
  width: 0.75rem;
  height: 0.75rem;
}
header .title {
  width: 7.8rem;
  height: 0.51rem;
  font-size: 0.43rem;
  color: #666666;
  text-align: center;
}
header > a:nth-of-type(2) {
  display: flex;
}
header > a:nth-of-type(2) img {
  width: 0.89rem;
  height: 0.89rem;
}

/* 中间表单内容 */
main form input[type=checkbox] {
  /* display: none; */
  transform: scale(1.3);
  /* display: inline-block;
  width: .43rem;
  height: .43rem; */
}
main form .store {
  display: flex;
  width: 10.8rem;
  height: 1.73rem;
  align-items: center;
  box-sizing: border-box;
  padding: 0rem 0.29rem;
  background-color: #f7f7f7;
  position: relative;
}
main form .store label {
  font-size: 0.4rem;
  font-weight: bolder;
}
main form .store span {
  font-size: 0.35rem;
  color: #a7a7a7;
  position: absolute;
  right: 0.29rem;
}
main form .goods {
  width: 10.8rem;
  background-color: white;
  padding: 0.29rem 0rem;
  margin-bottom: 0.29rem;
}
main form .goods > input[type=checkbox] {
  position: relative;
  top: -1.01rem;
  left: 0.29rem;
}
main form .goods > input[type=checkbox]:checked + .goods-top + .protect {
  display: block;
}
main form .goods .goods-top {
  display: flex;
  align-items: center;
  width: 9.5rem;
  height: 3.4rem;
  box-sizing: border-box;
  padding-left: 0.14rem;
  position: relative;
  display: inline-block;
}
main form .goods .goods-top .pic-price {
  display: flex;
}
main form .goods .goods-top .pic-price > div:nth-child(1) {
  border: 0.03rem #f0f0f0 solid;
}
main form .goods .goods-top .pic-price > div:nth-child(1) > img {
  width: 2.62rem;
  height: 2.62rem;
}
main form .goods .goods-top .pic-price .price {
  margin-left: 0.29rem;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
main form .goods .goods-top .pic-price .price pre:nth-child(1), main form .goods .goods-top .pic-price .price pre:nth-child(2) {
  font-size: 0.4rem;
  color: #666666;
  font-weight: bolder;
}
main form .goods .goods-top .pic-price .price pre:nth-child(3) {
  font-size: 0.4rem;
  color: #b399a6;
}
main form .goods .goods-top .pic-price .price .up-down {
  display: flex;
}
main form .goods .goods-top .pic-price .price .up-down > div {
  width: 0.89rem;
  height: 0.89rem;
  background-color: #f4f4f4;
  display: flex;
  align-items: center;
  justify-content: center;
}
main form .goods .goods-top .pic-price .price .up-down > div img {
  width: 0.43rem;
  height: 0.43rem;
}
main form .goods .goods-top .pic-price .price .up-down span {
  display: inline-block;
  font-size: 0.46rem;
  width: 0.89rem;
  height: 0.89rem;
  line-height: 0.89rem;
  text-align: center;
}
main form .goods .goods-top .delete {
  position: absolute;
  right: 0.29rem;
  bottom: 0rem;
}
main form .goods .goods-top .delete img {
  width: 0.89rem;
  height: 0.89rem;
}
main form .goods .protect {
  width: 10.2rem;
  /* height: 1.21rem; */
  margin: auto;
  display: none;
}
main form .goods .protect .protect-item {
  display: flex;
  padding: 0rem 0.29rem;
  height: 1.21rem;
  box-sizing: border-box;
  align-items: center;
  margin-bottom: 0.23rem;
  background-color: #f6f6f6;
}
main form .goods .protect .protect-item img {
  width: 0.75rem;
  height: 0.75rem;
}
main form .goods .protect .protect-item pre {
  font-size: 0.35rem;
  display: inline-block;
  width: 7.17rem;
  height: 0.75rem;
  line-height: 0.75rem;
  margin-left: 0.23rem;
}
main form .goods .protect .protect-item a {
  font-size: 0.35rem;
  color: #fb8d6a;
}
main form .tips {
  width: 10.8rem;
  height: 1.01rem;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
}
main form .tips span {
  font-size: 0.35rem;
  color: #b3b3b3;
}
main form footer {
  display: flex;
  width: 10.8rem;
  height: 1.5rem;
  position: fixed;
  bottom: 0rem;
}
main form footer .money {
  width: 3.57rem;
  height: 1.5rem;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
main form footer .money pre {
  font-size: 0.37rem;
  color: #aaaaaa;
}
main form footer .money pre span {
  font-size: 0.58rem;
  color: #ff5722;
}
main form footer .continue {
  font-size: 0.4rem;
  width: 3.57rem;
  height: 1.5rem;
  background-color: #f4f4f4;
  display: flex;
  justify-content: center;
  align-items: center;
}
main form footer button {
  font-size: 0.4rem;
  width: 3.6rem;
  height: 1.5rem;
  border: none;
  background-color: #ff6700;
  color: white;
}
main .recommend {
  margin-top: 0.29rem;
}
main .recommend .recommend-top {
  background-color: #ffffff;
}
main .recommend .recommend-top img {
  width: 10.8rem;
  height: 1.79rem;
}
main .recommend .product .product-item {
  display: flex;
  justify-content: space-between;
  background-color: #ffffff;
}
main .recommend .product .product-item .product-item-small {
  width: 5.33rem;
}
main .recommend .product .product-item .product-item-small img {
  width: 5.33rem;
  height: 5.33rem;
}
main .recommend .product .product-item .product-item-small .small-price {
  display: flex;
  flex-direction: column;
  width: 5.33rem;
  height: 1.67rem;
  padding-left: 0.37rem;
}
main .recommend .product .product-item .product-item-small .small-price pre {
  font-size: 0.4rem;
  color: #51606b;
  font-weight: 700;
}
main .recommend .product .product-item .product-item-small .small-price span {
  color: #ff6f1f;
  font-size: 0.46rem;
}/*# sourceMappingURL=cart.css.map */